<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>陈昆简历-前端工程师</title>
    <link rel="stylesheet" href="./css/init.css">
    <link rel="stylesheet" href="./css/print.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/mobile.css">
</head>

<body>
    <article>
        <section class="bio">
            <h1>陈昆</h1>
            <img src="http://lc-70yyuctb.cn-n1.lcfile.com/7039c9703590b6108d42.png" alt="自己照片">
            <p>
                男 | 25岁 | 前端开发工程师 | 上海
            </p>
            <p>
                <a href="tel:15212599870">手机: 15212599870</a>  | 微信: AmChenKun |  <a href="mailto:chenuvi@foxmail.com">邮箱: chenuvi@foxmail.com</a>
            </p>
        </section>
        <hr>





        <section class="projects">
            <h2>项目经历</h2>
            <ol>
                <li>
                    <header>
                        <h3>图兔</h3>
                        <span>
                            <a href="https://github.com/zerochenkun/react-epic-1">源码私有</a>
                            <a href="https://chenuvi.gitee.io/epic-website/#/">项目预览</a>
                        </span>
                    </header>
                    <p>
                        一款基于 <strong>React</strong> / <strong>Antd</strong> / <strong>LeanCloud</strong> 的web端在线图片转链接的图床网站。

                    </p>
                    <p>
                        主要功能有图片上传并更改图片大小、<strong>历史查询</strong>、在线预览等。
                    </p>
                    <p>
                        由于工作、生活需要获取图片，但单一的图片复制转发十分复杂，通过链接可以快速定位到自己需要的图片
                    </p>
                    <p>
                        制作过程让我对 React 和 Mobx 有了更深的认识。
                        我将其总结成了一篇博客《Mobx的使用》。
                    </p>
                </li>
              
                <li>
                    <header>
                        <h3>简小律记账本</h3>
                        <span>
                            <a href="https://github.com/zerochenkun/vue-morney-demo4">源码私有</a>
                            <a href="https://chenuvi.gitee.io/jian-tally-book/#/money">项目预览</a>
                        </span>
                    </header>
                    <p>
                        一个基于 <strong>Vue</strong> / <strong>TypeScript</strong> 的移动端单页面应用。
                    </p>

                    <p>
                        这是我从个人生活需求出发，制作出的极简记账应用，特点是快速记账，
                        <!-- 且可以通过图表查看自己的消费习惯。 -->
                    </p>
                    <p>
                        该项目大量使用 <strong>Vuex</strong>，让我对 Vuex 有了深刻的理解和应用。
                    </p>
                </li>
            </ol>
        </section>
        <hr>





        <section class="skills">
            <h2>技能</h2>
            <div class="wrapper">
                <div id="skills"></div>
                <ul>
                    <li>熟悉页面制作技巧，能将设计稿<strong>完美还原</strong> </li>
                    <li>熟悉<strong>前后端分离</strong>技术，包括 AJAX、跨域、前端路由</li>
                    <li>熟练掌握 <strong>Vue全家桶</strong>的使用，包括 VueCli、VueRouter、Vuex 等</li>
                    <li>熟练掌握 React全家桶的使用，包括 create-react-app、ReactRouter、Redux 等</li>
                    <li>熟悉 ES6，包括 let / Promise / await / 析构赋值</li>
                    <li>了解 <strong>TypeScript</strong> 的使用，我的项目就是 TS 实现的</li>
                    <li>了解 <strong>Webpack 的配置和优化</strong></li>
                </ul>
            </div>
        </section>
        <hr>


        <section class="openSource">
            <h2>开源项目</h2>
            <ul>
                <li>
                    <header>
                        <h3>在线画一个皮卡丘</h3>
                        <span>
                            <a href="https://gitee.com/chenuvi/pikaqiu">源码链接</a>
                            <a href="https://chenuvi.gitee.io/pikaqiu/">项目预览</a>
                        </span>
                    </header>
                    <p>这是我在学习 <strong>CSS3和动画</strong> 时制作的一个可爱作品</p>
                    <p>可以在线展示一个用 CSS 制作皮卡丘的动画</p>
                </li>
                <li>
                    <header>
                        <h3>简约首页</h3>
                        <span>
                            <a href="https://gitee.com/chenuvi/webNavigation-gitee">源码链接</a>
                            <a href="http://chenuvi.gitee.io/webnavigation-gitee">项目预览</a>
                        </span>
                    </header>
                    <p>我在学习 <strong>JS</strong> 时做的一个小作品</p>
                    <p>可以添加个人需要用的首页</p>
                </li>
            </ul>
        </section>
        <hr>


        <section class="jobs">
            <h2>工作经历</h2>
            <ol>
                <li>
                    <header>
                        <h3>得力集团-得力工具公司</h3>
                        <h4>DQE 研发质量工程师</h4>
                        <span><time>2018年6月</time>~<time>2020年7月</time></span>
                    </header>
                    <ul>
                        <li class="page2">
                            个人负责手动工具切割类、焊割类、绝缘类工具的质量研发、开发和管理工作
                        </li>
                        <li>
                            负责团队前期质量开发、测试报告、文档撰写、确保合格产品导入<strong>合格达到 95%</strong> 以上
                        </li>
                        <li>
                            作为工作积极人员，协助团队内展开内部培训活动，组织内部人员分享项目经历与收获
                        </li>
                    </ul>
                </li>
                
            </ol>
        </section>
        <hr>
      

        <section class="education">
            <h2>教育经历</h2>
            <p>
                <span>
                    <time>2014年</time>~<time>2018年</time>
                </span>
                <span>
                    本科   黄山学院——机电工程学院
                </span>
                <span>
                    材料科学与工程
                </span>
                </p>
        </section>
        <hr>
        <section class="others">
            <h2>其他链接</h2>
            <ul>
                <li><a href="https://juejin.im/user/1802854801607869/posts">我的掘金主业</a>，目前已有 29 篇技术文章</li>
                <li><a href="https://github.com/zerochenkun">我的 GitHub</a>，过去2个月有 52 次提交</li>
                <li><a href="https://www.yuque.com/u978403/ry711r">我的语雀</a>,  个人学习笔记记录</li>
            </ul>
        </section>

    </article>
</body>

</html>